<template>
	<view class="page" style="height: 100vh;">
		<free-nav-bar title="二维码名片" :fixed="false" :showback="true" :showright="false">
<!-- 			<free-icon-button slot="right" @click="naviset">&#xe6fd;</free-icon-button> -->
		</free-nav-bar>
		<view class="p-5">
			<view class="bg-white rounded p-4">
				<view class="flex align-center">
					<free-avater src="/static/images/mail/friend.png" size="55"></free-avater>
					<view class="flex pl-4 flex-column">
						<text class="font-md">昵称</text>
						<text class="font text-light-muted">地区</text>
					</view>
				</view>
				<view class="flex flex-column align-center justify-center mt-2">
					<image src="../../static/images/mail/friend.png" style="width: 550rpx;height: 550rpx;" mode=""></image>
				</view>
				<view class="mt-2">
					<text class="text-light-muted font text-center">扫一扫，加我微信</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
		import freeNavBar from "@/components/free-ui/free-nav-bar.vue"
			import freeAvater from "@/components/free-ui/free-avater.vue"
	export default {
		components:{
			freeNavBar,
			freeAvater
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
